@import './reset.scss';
@import './arrange.scss';
@import './color.scss';
@import './distance.scss';
@import './element-ui.scss';

.main-view {
	box-sizing: border-box;
}

// 主模块、子模块在当前页面切换的样式
.main-child-toggle {
	width: 100%;
	overflow-x: hidden;
	box-sizing: border-box;
	&-wrapper {
		width: 200%;
		left: 0;
		transition: left 0.5s;
		position: relative;
		& > div:nth-of-type(2),
		&.show-child-item > div:nth-of-type(1) {
			height: calc(100vh - 200px);
			overflow: hidden;
		}
		&.show-child-item {
			left: -100%;
			& > div:nth-of-type(2) {
				height: auto;
				overflow: visible;
			}
		}
		.back-icon {
			width: 16px;
			height: 16px;
			cursor: pointer;
		}
		.box-card {
			box-shadow: none;
		}
	}
}

// 主页的地图样式
.homepage {
	background-size: 100% 100%;
	height: 100vh;
	box-sizing: border-box;
	overflow: hidden;
}

// 除主页之外的其他页面的边框样式
.commonality {
	background-size: 100% 100%;
	margin: 110px 20px 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.footer-nav-active {
	background: url('~@assets/images/button(2).png') no-repeat center;
	background-size: auto 100%;
}
